<header class="po-navbar" [ngClass]="{ 'po-navbar-shadow': shadow }">
  <po-navbar-logo
    class="po-navbar-logo"
    [ngClass]="{ 'po-navbar-logo-menu': !!applicationMenu, 'po-navbar-no-logo': !logo }"
    [p-logo]="logo"
  >
  </po-navbar-logo>

  <po-navbar-items class="po-navbar-items" [p-items]="items"> </po-navbar-items>

  @if (showItemsNavigation) {
    <po-navbar-item-navigation
      class="po-navbar-item-navigation"
      [p-disable-left]="navbarItemNavigationDisableLeft"
      [p-disable-right]="navbarItemNavigationDisableRight"
      (p-click)="navigateItems($event)"
    >
    </po-navbar-item-navigation>
  }

  <po-navbar-actions class="po-navbar-actions" [p-icon-actions]="iconActions"> </po-navbar-actions>
</header>

@if (!applicationMenu) {
  <po-menu [p-menus]="items"> </po-menu>
}
